a{text-decoration: none;}
::-webkit-scrollbar {display: none;}
.community {
    margin-bottom: 1rem;
    overflow: hidden;
    background: #F5F5F5;
}
/*搜索BOX*/

.search {
    float: left;
    width: 100%;
    height: 0.88rem;
    margin-bottom: .02rem;
    background: #FFFFFF;
    color: #181818;
    .search_l {
        float: left;
        border-radius: .34rem;
        height: .68rem;
        width: 5.5rem;
        background: #F2F2F2;
        margin: .1rem .22rem;
        .sea_l {
            position: relative;
            float: left;
            width: 12%;
            height: 100%;
            img {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: .28rem;
                height: .28rem;
            }
        }
        /*搜索inout*/
        .sea_r {
            font-size: 0.28rem;
            line-height: 0.64rem;
            float: left;
            width: 80%;
            line-height: 0.7rem;
            input {
                width: 100%;
                //line-height: 0.5rem;
                border: none;
                line-height: 0.68rem;
                font-size: .28rem;
                background: none;
                color: #989898;
                outline: none;
            }
        }
    }
    a {
        display: block;
        font-size: .32rem;
    }
    /*我的互动*/
    .search_r {
        float: right;
        color: #181818;
        font-size: .32rem;
        line-height: 0.88rem;
        margin-right: 0.24rem;
    }
}

.new_box {
    float: left;
    width: 100%;
    border-top: .01rem solid #F0F0F0;
    border-bottom: .01rem solid #F0F0F0;
    background: #FFFFFF;
    height: .86rem;
    line-height: .86rem;
    margin-bottom: .02rem;
    .new_l {
        float: left;
        color: #181818;
        font-size: .32rem;
        margin-left: 0.24rem;
    }
    .new_r {
        font-size: 0.28rem;
        float: right;
        color: #00BDCF;
        margin-right: 0.24rem;
    }
}
/*热门列表*/

.new_list {
    margin-bottom: .26rem;
    float: left;
    width: 100%;
    background: #FFFFFF;
    overflow-x: scroll;
    -webkit-overflow-x: scroll;
    ul {
        padding: 0 .24rem;
        overflow: hidden;
        overflow-x: scroll;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        li {
            display: inline-block;
            font-size: 12px;
            margin: 0 .45rem;
            text-align: center;
            position: relative;
            text-overflow: ellipsis;
            word-break: keep-all;
            padding-bottom: 0.22rem;
            a{
                color: #181818;
                .padding {
                    height: 100%;
                }
            }
            img {
                width: .7rem;
                height: .7rem;
                margin-top: .3rem;
                margin-bottom: 0.07rem;
            }
            div {
                font-size: #181818;
                font-size: 0.32rem;
            }
        }
        li:last-child {
            padding-right: 8%;
        }
    }
}
/*精选*/

.jx_box {
    float: left;
    width: 100%;
    background: #FFFFFF;
    height: .8rem;
    line-height: .8rem;
    .new_l {
        float: left;
        color: #181818;
        font-size: .32rem;
        margin-left: 0.24rem;
    }
    .new_r {
        font-size: .28rem;
        float: right;
        color: #00BDCF;
        margin-right: 0.24rem;
    }
}
/*热门列表*/

.jx_list {
    margin-bottom: .2rem;
    float: left;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    overflow-y: scroll;
    -webkit-overflow-y: scroll;
    ul {
        padding: 0 .24rem;
        overflow: hidden;
        overflow-x: scroll;
        display: flex;
        /*justify-content: flex-start;*/
        li {
            margin-bottom: .2rem;
            border: 1px solid #F1F1F1;
            box-sizing: border-box;
            display: inline-block;
            width: 4.68rem;
            min-width: 4.68rem;
            max-width: 4.68rem;
            height: 100%;
            font-size: .12rem;
            margin-right: .24rem;
            position: relative;
            text-overflow: ellipsis;
            word-break: keep-all;
            .padding {
                width: 100%;
                height: 100%;
                .flex_img {
                    float: left;
                    width: 100%;
                    height: 1.8rem;
                    background: #000000;
                    opacity: 0.6;
                    position: absolute;
                    top: 0;
                }
                .flex_top {
                    float: left;
                    width: 100%;
                    color: #FFFFFF;
                    font-size: .32rem;
                    text-align: center;
                    position: absolute;
                    top: .58rem;
                }
                .flex_tops {
                    float: left;
                    width: 100%;
                    color: #FFFFFF;
                    font-size: .26rem;
                    text-align: center;
                    position: absolute;
                    top: 1.04rem;
                }
                img {
                    width: 100%;
                    height: 1.8rem;
                }
                .p_footer {
                    width: 100%;
                    height: 1.4rem;
                }
                .title {
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    color: #181818;
                    font-size: .28rem;
                    padding: .14rem .2rem;
                }
                .answer {
                    float: left;
                    display: flex;
                    width: 100%;
                    .title-d {
                        float: left;
                        width: 0.22rem;
                        text-align: center;
                        height: 0.22rem;
                        color: #FFFFFF;
                        line-height: 0.26rem;
                        background: #00BDCF;
                        font-size: 0.16rem;
                        margin: 0.03rem 0.11rem 0 0.24rem;
                        border-radius: .02rem;
                    }
                    .t_content {
                        float: left;
                        height: auto;
                        font-size: .24rem;
                        word-break: break-all;
                        width: 4.5rem;
                        color: #A4A4A4;
                        line-height: 0.3rem;
                    }
                }
            }
        }
    }
}


.conetnt {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    .meark {
        margin-bottom: .02rem;
        float: left;
        width: 100%;
        background: #FFFFFF;
    }
    .c_top {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: .22rem;
        box-sizing: border-box;
        float: left;
        width: 100%;
        margin-left: 3.2%;
        height: auto;
        color: #181818;
        font-size: .32rem;
        margin-top: .28rem;
    }
    .c_img {
        display: flex;
        float: left;
        margin-left: 3.2%;
        width: 93.6%;
        margin-bottom: 0.24rem;
        img {
           width: 2.25rem;
            height: 100%;
            flex: 1;
            margin-right: 0.12rem;
            background: #00AFC7;
        }
        img:last-child{
            margin-right: 0rem;
        }
    }
    .c_fot {
        float: left;
        height: .23rem;
        width: 94%;
        margin: 0 .24rem .29rem .24rem;
        .c_left {
            float: left;
            div {
                float: left;
                color: #989898;
                font-size: .24rem;
                margin-right: .24rem;
            }
        }
        .c_right {
            float: right;
            color: #989898;
            font-size: .24rem;
            width: auto;
            max-width: 2rem;
            //line-height: .5rem;
        }
    }
}



.searchbox {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    background-color: #eee;

    .search_l{
        width: 6.02rem;
    }

    .conetnt {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    .meark {
        margin-bottom: .02rem;
        float: left;
        width: 100%;
        background: #FFFFFF;
    }
    .meark:last-child{
        margin-bottom: 1rem;
    }
    .c_top {
        margin-bottom: .22rem;
        box-sizing: border-box;
        float: left;
        width: 100%;
        margin-left: 3.2%;
        height: auto;
        color: #181818;
        font-size: .32rem;
        margin-top: .28rem;
    }
    .c_img {
        float: left;
        margin: 0 .24rem .28rem .24rem;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction:row;
        flex-wrap: wrap;
        box-sizing: border-box;
        img {
            height: 1.36rem;
            flex: 1;
            background: #00AFC7;
        }
        img:nth-child(2) {
            margin: 0 .12rem;
        }
    }
    .c_fot {
        float: left;
        height: .23rem;
        width: 94%;
        margin: 0 .24rem .29rem .24rem;
        .c_left {
            float: left;
            div {
                float: left;
                color: #989898;
                font-size: .24rem;
                margin-right: .24rem;
            }
        }
        .c_right {
            float: right;
            color: #989898;
            font-size: .24rem;
            width: auto;
            max-width: 2rem;
            //line-height: .5rem;
        }
    }
}

}
